<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<title>機場快綫</title>
<head>
    <style>
        div.header {
            display: block;
            text-align: center;
            position: running(header);
        }

        div.footer {
            display: block;
            text-align: center;
            position: running(footer);
        }

        @page {
            @top-center {
                content: element(header)
            }
        }

        @page {
            @bottom-center {
                content: element(footer)
            }
        }

        .pageNext {
            page-break-after: always;
        }

        #pagenumber:before {
            content: counter(page);
        }

        #pagecount:before {
            content: counter(pages);
        }

        .td {
            padding: 5px;
        }

        .td-ticket {
            border: 1px solid black;
        }
    </style>
</head>
<body style="font-family: SimSun">
<div id="receipt" style="width: 100%">
    <table style="width: 680px;margin: 0px auto;border-collapse: collapse;">
        <tbody>
        <tr>
            <td colspan="2">
                <div style="width: 65px;padding: 5px 65px;border: solid 1px black;">
                    <span>咨詢電話</span>
                    <span>29987333</span>
                </div>
            </td>
            <td colspan="2" style="text-align: right;">
                <div style="display: inline-block;width: 150px;padding: 5px 19px;border: solid 1px black;text-align: center;">
                    <span>旅遊代理商牌照號碼</span>
                    <span>351522</span>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="4" style="text-align: right;width: 100%;">T.A. LICENCE NO:351522</td>
        </tr>
        <tr>
            <td style="text-align: center;font-size: 18px;font-weight: bold;" colspan="4">
                香港中國旅行社有限公司
            </td>
        </tr>
        <tr>
            <td style="text-align: center;font-size: 16px;font-weight: bold;" colspan="4">
                CHINA TRAVEL SERVICE (HONG KONG) LIMITED
            </td>
        </tr>
        <tr>
            <td style="text-align: center;font-size: 22px;font-weight: bold;" colspan="4">
                收據 RECEIPT
            </td>
        </tr>
        <tr>
            <td class="td" colspan="4">
                收據號碼Receipt No：${receipt["receiptNo"]!}
            </td>
        </tr>
        <tr>
            <td class="td" colspan="4">
                查詢號碼Enquiry No.：${receipt["inquiryNumber"]!}
            </td>
        </tr>
        <tr>
            <td class="td" colspan="4">
                分社Branch：${receipt["branch"]!}
            </td>
        </tr>
        <tr>
            <td class="td" colspan="4">
                遊客 Guest：${receipt["guest"]!}
            </td>
        </tr>
        <tr>
            <td class="td" colspan="4">
                聯絡電話 Phone: ${receipt["phone"]!}
            </td>
        </tr>
        <tr>
            <td class="td" colspan="4">
                訂單信息 Order Info: ${receipt["orderInfo"]!}
            </td>
        </tr>
        <tr>
            <td class="td" style="font-weight: bolder;" colspan="1">內容 Details</td>
            <td style="text-align: right;font-size: 12px;" colspan="3">
                <span style="background-color: antiquewhite;padding: 5px;">（重要通知）香港旅遊業議會建議旅客應購買旅遊保險，否則須自行承擔責任及風險</span>
            </td>
        </tr>
        <tr>
            <td colspan="4">
                <table style="border-collapse: collapse;width: 100%;">
                    <tbody>
                    <tr>
                        <td class="td-ticket">票券名稱Ticket Name</td>
                        <td class="td-ticket">票類Type</td>
                        <td class="td-ticket">使用日期 Date</td>
                        <td class="td-ticket">單價Price(HKD)</td>
                        <td class="td-ticket">數量 Qty</td>
                        <td class="td-ticket">合計 Total(HKD)</td>
                    </tr>
                    <#list receipt["airportExpressOrderTouristReceiptGetDTOList"] as item>
                        <tr>
                            <td class="td-ticket">${item["ticketName"]!}</td>
                            <td class="td-ticket">${item["ticketType"]!}</td>
                            <td class="td-ticket">${item["date"]!}</td>
                            <td class="td-ticket">${item["ticketPrice"]!}</td>
                            <td class="td-ticket">${item["ticketNumber"]!}</td>
                            <td class="td-ticket">${item["ticketPriceTotal"]!}</td>
                        </tr>
                    </#list>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="4" class="td" style="font-weight: bolder;">
                付款信息 Payment Details
            </td>
        </tr>
        <tr>
            <td colspan="4" class="td"
                style="font-weight:bold;border-top: 1px solid black;border-right: 1px solid black;border-left: 1px solid black;">
                應付總金額 Package Charge: HKD ${receipt["orderAmount"]!}
            </td>
        </tr>
        <tr>
            <td colspan="4" class="td"
                style="font-weight:bold;border-right: 1px solid black;border-left: 1px solid black;">
                付款金額 Amount: HKD ${receipt["receivableAmount"]!}
            </td>
        </tr>
        <#list receipt["airportExpressOrderCollectionReceiptGetDTOList"] as item>
            <#if item_has_next>
                <tr>
                    <td colspan="4" style="border-right: 1px solid black;border-left: 1px solid black;">
                        付款方式 Payment
                        Method: ${item["collectionWay"]!} ${item["payer"]!} ${item["currency"]!} ${item["collectionAmount"]!}
                    </td>
                </tr>
            </#if>
            <#if !item_has_next>
                <tr>
                    <td colspan="4"
                        style="border-bottom: 1px solid black;border-right: 1px solid black;border-left: 1px solid black;">
                        付款方式 Payment
                        Method: ${item["collectionWay"]!} ${item["payer"]!} ${item["currency"]!} ${item["collectionAmount"]!}
                    </td>
                </tr>
            </#if>
        </#list>
        <#--<tr>
            <td colspan="4"
                style="border-bottom: 1px solid black;border-right: 1px solid black;border-left: 1px solid black;">
                銀行優惠: - HKD20.00
            </td>
        </tr>-->
        <tr>
            <td colspan="4" class="td">
                <p style="font-weight: bold">注意事項</p>
                <p>${receipt["attention"]!}</p>
            </td>
        </tr>
        <tr>
            <td colspan="4" class="td">
                <p style="font-weight: bold">備注</p>
                <p>${receipt["remark"]!}</p>
            </td>
        </tr>
        <tr>
            <td colspan="4" class="td">
                <p style="font-weight: bold">客戶簽收確認 Signature of purchaser:</p>
                <p>本人已核對上述資料正確無誤，並接受有關條款及細則<br/>
                    I have confirmed that all of the above information is correct and accepted the terms&amp;conditions.
                </p>
            </td>
        </tr>
        <tr>
            <td colspan="4">
                <p style="font-weight: bold;font-size: x-large;text-align: center;">预定须知</p>
                <p style="font-family: SimSun;">${receipt["bookingInformation"]!}</p>
            </td>
        </tr>
        </tbody>
    </table>
</div>

</body>
</html>